<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%
 /**
  * @Class Name : IssueList.jsp
  * @Description : Issue List 화면
  * @Modification Information
  * 
  * @author zbum
  * @since 2010-07-21
  * @version 1.0
  * @see
  *  
  * Copyright (C) All right reserved.
  */
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>목록</title>
<link type="text/css" rel="stylesheet" href="<c:url value='/css/zbum/main.css'/>"/>
<link type="text/css" rel="stylesheet" href="<c:url value='/jquery/css/smoothness/jquery-ui-1.8.2.custom.css'/>"/>
<link type="text/css" rel="stylesheet" href="<c:url value='/jquery/css/ui.jqgrid.css' />"/>


<script src="<c:url value='/jquery/js/jquery-1.4.2.min.js' />" type="text/javascript"></script>
<script src="<c:url value='/jquery/js/jquery-ui-1.8.2.custom.min.js' />" type="text/javascript"></script>
<script src="<c:url value='/jquery/js/grid.locale-en.js' />" type="text/javascript"></script>
<script src="<c:url value='/jquery/js/jquery.jqGrid.min.js' />" type="text/javascript"></script>

<script type="text/javaScript" language="javascript" >
<!--
$(document).ready(function(){
	$("#issue_list").jqGrid({
	   	url:'<c:url value="/issue/IssueList.ajax" />',
		datatype: "xml",
		mtype: "GET",
	   	colNames:['<spring:message code="issue.id" />','<spring:message code="issue.subject" />', '<spring:message code="issue.regDate"/>', '<spring:message code="issue.occurDate"/>','<spring:message code="issue.dueDate"/>','<spring:message code="issue.currentStatus"/>'],
	   	colModel:[
	   		{name:'id',index:'id', width:50, align:"right"},
	   		{name:'subject',index:'subject', width:200},
	   		{name:'regDate',index:'regDate', width:80},
	   		{name:'occurDate',index:'occurDate', width:80, align:"right"},
	   		{name:'dueDate',index:'dueDate', width:80, align:"right"},		
	   		{name:'currentStatusCodeNm',index:'currentStatusCodeNm', width:60, align:"right"}		
	   	],
	   	rowNum:10,
	   	height:230,
	   	autowidth: true,
	   	rowList:[10,20,30],
	   	pager: $('#issue_list_pager'),
	   	sortname: 'id',
	    viewrecords: true,
	    sortorder: "desc",
	    caption:"<spring:message code='text.issueList' />",
	    ondblClickRow: function(id){ location.href="<c:url value='/issue/updateIssue.do' />?id="+id ; }
	}).navGrid('#issue_list_pager',{edit:false,add:false,del:false});

	$("#menu").accordion({ active: 1 });
	$("#addButton").button();
	$("#addButton").click(function(){
	    location.href="<c:url value='/issue/addIssue.do' />";
	});
});
// -->
</script>

<style type="text/css">
#top {
  height: 50px;
  margin: auto 10px auto 10px;
}

#main {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#menu_area {
  float: left;
  width: 200px;
  margin-right: 5px;
}

#content_area {
  float: left;
  width: 700px;
  padding-top: 1px;
}

#button_area {
  clear: both;
  float: right;
  margin-top: 5px;
}
</style>

</head>
<body>
<div id="main" class="content">

  <div id="top">
	<h1>Zbum Tracker</h1>
  </div>
	
  <div id="content">
	<div id="menu_area">
	  <c:import url="/cmmn/leftmenu.do"></c:import>
	</div>

	<div id="content_area">
		<table id="issue_list"></table>
	    <div id="issue_list_pager"></div>
	    
	    <div id="button_area">
		    <button id="addButton">add issue</button>
	    </div>
	</div>
	
  </div>
</div>
</body>
</html>
